<div class="content certificateEdit">
    <form class="form-horizontal" name="serviceForm" ng-submit="vm.submitForm(serviceForm.$valid)" novalidate>
        <div class="ibox">
            <div class="ibox-title">
                <h5>证书编辑</h5>
            </div>
            <div class="ibox-content ibox-content1">
                <div id="containment-wrapper">
                    <img ng-src="{{vm.imageSrc}}"  class="certificate">
                </div>
            </div>
            <div class="ibox-content">
                <div class="form-group">
                    <div class="col-lg-12">
                        <button class="create btn btn-sm btn-primary" data-val="选手姓名" id="runner_name">选手姓名</button>
                        <button class="create btn btn-sm btn-primary" data-val="选手姓名及比赛号" id="name_and_no">选手姓名及比赛号</button>
                        <button class="create btn btn-sm btn-primary" data-val="科目名称" id="course">科目名称</button>
                        <button class="create btn btn-sm btn-primary" data-val="科目分组" id="course_group">科目分组</button>
                        <button class="create btn btn-sm btn-primary" data-val="选手号" id="runner_no">选手号</button>
                        <button class="create btn btn-sm btn-primary" data-val="枪声成绩" id="gun_time">枪声成绩</button>
                        <button class="create btn btn-sm btn-primary" data-val="净成绩" id="official_time">净成绩</button>
                        <button class="create btn btn-sm btn-primary" data-val="中文男女" id="gender_cn">中文男女</button>
                        <button class="create btn btn-sm btn-primary" data-val="英文男女" id="gender_en">英文男女</button>
                        <button class="create btn btn-sm btn-primary" data-val="按性别枪声排名" id="gender_gun_rank_id">按性别枪声排名</button>
                        <button class="create btn btn-sm btn-primary" data-val="按性别净成绩排名" id="gender_official_rank_id">按性别净成绩排名</button>
                        <button class="create btn btn-sm btn-primary" data-val="枪声成绩排名" id="gun_rank_id">枪声成绩排名</button>
                        <button class="create btn btn-sm btn-primary" data-val="净成绩排名" id="official_rank_id">净成绩排名</button>
                        <div class="dropup">
                          <button class="dropdown-toggle btn btn-sm btn-primary" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            &nbsp;&nbsp;每个cp点成绩&nbsp;&nbsp;
                            <span class="caret"></span>
                          </button>
                          <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                            <li><button class="create btn btn-sm btn-primary" data-val="起点" id="start_point" style="width: 118px;">起点</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第一个cp点成绩" id="cp_time_1">&nbsp;&nbsp;第一个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第二个cp点成绩" id="cp_time_2">&nbsp;&nbsp;第二个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第三个cp点成绩" id="cp_time_3">&nbsp;&nbsp;第三个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第四个cp点成绩" id="cp_time_4">&nbsp;&nbsp;第四个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第五个cp点成绩" id="cp_time_5">&nbsp;&nbsp;第五个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第六个cp点成绩" id="cp_time_6">&nbsp;&nbsp;第六个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第七个cp点成绩" id="cp_time_7">&nbsp;&nbsp;第七个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第八个cp点成绩" id="cp_time_8">&nbsp;&nbsp;第八个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第九个cp点成绩" id="cp_time_9">&nbsp;&nbsp;第九个cp点成绩&nbsp;&nbsp;</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第十个cp点成绩" id="cp_time_10">&nbsp;&nbsp;第十个cp点成绩&nbsp;&nbsp;</button></li>
                            <!-- <li><button class="create btn btn-sm btn-primary" data-val="第十一个cp点成绩" id="cp_time_11">第十一个cp点成绩</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第十二个cp点成绩" id="cp_time_12">第十二个cp点成绩</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第十三个cp点成绩" id="cp_time_13">第十三个cp点成绩</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第十四个cp点成绩" id="cp_time_14">第十四个cp点成绩</button></li>
                            <li><button class="create btn btn-sm btn-primary" data-val="第十五个cp点成绩" id="cp_time_15">第十五个cp点成绩</button></li> -->
                          </ul>
                        </div>
                        <!-- <button class="cpTimeBtn btn btn-sm btn-primary" data-val="每个cp点成绩" id="cp_time">每个cp点成绩</button> -->
                        <!-- <button class="create btn btn-sm btn-primary" data-val="每个cp点成绩" id="cp_time">每个cp点成绩</button> -->

                        <!-- <button class="create btn btn-sm btn-primary" data-val="每个cp点经留时间" id="cp_total">每个cp点经留时间</button> -->
                        <button class="create btn btn-sm btn-primary" data-val="开始时间" id="start_time">开始时间</button>
                        <button class="create btn btn-sm btn-primary" data-val="结束时间" id="finish_time">结束时间</button>
                        <br><span>请点击按钮添加要显示的内容，并在证书编辑窗口左上角寻找添加的内容，拖动到适当位置进行编辑</span>
                    </div>
                </div>
            </div>
            <div class="ibox-content">
                <div class="form-group container">
                    <span>字体大小</span>
                    <select class="fontSize">
                        <option value="12pt">12pt</option>
                        <option value="15pt">15pt</option>
                        <option value="18pt">18pt</option>
                        <option value="21pt">21pt</option>
                        <option value="24pt">24pt</option>
                        <option value="27pt">27pt</option>
                        <option value="30pt">30pt</option>
                        <option value="33pt">33pt</option>
                        <option value="36pt">36pt</option>
                        <option value="39pt">39pt</option>
                        <option value="42pt">42pt</option>
                        <option value="45pt">45pt</option>
                        <option value="48pt">48pt</option>
                        <option value="51pt">51pt</option>
                        <option value="54pt">54pt</option>
                        <option value="57pt">57pt</option>
                    </select>
                    <span>文字颜色</span>
                    <input class="jscolor" id="color">
                    <span>测试文本</span>
                    <input type="text" value="" class="value">
                    <button class="btn btn-sm btn-primary" ng-click="vm.save()" ng-show="!vm.editFlag">保存</button>
                    <button class="btn btn-sm btn-primary" ng-click="vm.save()" ng-show="vm.editFlag">修改</button>
                    <a ng-href="{{vm.previewLink}}" target="_blank" class="btn btn-sm btn-primary" ng-show="vm.editFlag">预览证书</a>
                    <br>
                    <span ng-show="vm.editFlag">您已经编辑过证书，点击修改可以重新编辑证书，点击预览将预览证书<b class="text-danger">*</b></span>
                </div>
            </div>

        </div>
    </form>
</div>